*{
	box-sizing: border-box;
}
.mineheader{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 120px;
	padding: 0 40px;
	font-size: 40px;
	font-family: PingFangTC-Medium;
	
	.mhtitle{
		flex: 1;
		text-align: center;
		color: #9c7341;
	}
	
	.mhimg{
		width: 40px;
		height: 40px;
	}
}
.minecon{
	width: 100%;
	display: flex;
	flex-direction: column;
	padding-bottom: 50vmin;
	overflow: hidden;
	
	.mcheader{
		background: url('../../static/account-info-bk.png') no-repeat 50%;
		background-size: cover;
		margin: 0 5%;
		border-radius: 10px;
		display: flex;
		flex-direction: row;
		padding: 52px 20px;
		position: relative;
		
		.avatar{
			width: 164px;
			height: 164px;
			margin: 0 30px;
			border-radius: 50%;
			border: 1px solid #fff;
			background-color: #fff;
		}
		.account-info{
			color: #9c7341;
			display: flex;
			flex-direction: column;
			justify-content: space-around;
			padding: 10px 0;
			
			.nick-name{
				font-family: OpenSans-Bold;
				font-weight: 700;
				font-size: 28px;
			}
			.info-item{
				font-size: 28px;
				display: flex;
				justify-content: flex-start;
				align-items: center;
				
				.label{
					font-family: PingFangTC-Regular;
					color: #dbb280;
					margin-right: 3px;
				}
				.value{
					font-family: OpenSansRoman-Bold;
					color: #9c7341;
					font-weight: 700;
				}
			}
		}
		.setting{
			width: 46px;
			height: 44px;
			background: url('../../static/icon-settings.png') no-repeat 50%;
			background-size: contain;
			position: absolute;
			right: 2%;
			bottom: 20px;
		}
	}
	.promote{
		display: flex;
		gap: 28px;
		align-items: center;
		padding: 22px 40px;
		margin: 5% 5% 0;
		box-shadow: 0 0 20px rgba(0,0,0,.2);
		border-radius: 16px;
		font-size: 32px;
		font-weight: 700;
		
		.promoteicon{
			width: 72px;
			height: 72px;
			background: url('../../static/icon-promote.png') no-repeat 50%;
			background-size: 150%;
		}
		.label{
			font-size: 32px;
			color: #9c7341;
			font-weight: 700;
		}
		.label p{
			font-size: 28px;
			margin-top: 10px;
			color: #aaa;
		}
	}
	.functional-buttons{
		display: flex;
		flex-direction: row;
		justify-content: space-evenly;
		margin: 0 5%;
		font-family: PingFangTC;
		font-size: 24px;
		padding: 20px 0;
		
		.buttons{
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			margin: 0 10px;
			font-size: 28px;
			
			.icon-transfer{
				width: 80px;
				height: 80px;
				background: url('../../static/icon-transfer.png') no-repeat 50%;
				background-size: 75%;
			}
			.icon-deposit{
				width: 80px;
				height: 80px;
				background: url('../../static/icon-piggy-bank.png') no-repeat 50%;
				background-size: 75%;
			}
			.icon-withdraw{
				width: 80px;
				height: 80px;
				background: url('../../static/icon-dollar.png') no-repeat 50%;
				background-size: 75%;
			}
			.label{
				font-size: 28px;
				color: #9c7341;
			}
		}
	}
	.list{
		width: 100%;
		display: flex;
		flex-direction: column;
		flex-grow: 1;
		padding-bottom: 26vmin;
		min-height: calc(25rem + 190px);
		color: #9c7341;
		background: #fff;
		overflow: hidden;
		
		.menu-block{
			border-top: 14px solid #f2f2f2;
			
			.menu-item{
				display: flex;
				flex-direction: row;
				width: 100%;
				height: 96px;
				max-height: 120px;
				align-items: center;
				border-bottom: 2px solid #f7f7f7;
				position: relative;
			}
			.menu-item::after{
				content: "";
				background-image: url('../../static/icon-next.png');
				background-size: contain;
				display: inline-block;
				height: 28px;
				width: 14px;
				position: absolute;
				right: 60px;
			}
			.text{
				font-size: 28px;
				color: #9c7341;
			}
			.history{
				width: 40px;
				height: 40px;
				margin: 0 30px 0 40px;
				margin-left: 30px;
				background: url('../../static/icon-history.png') no-repeat 50%;
				background-size: contain;
			}
			.rebate{
				width: 40px;
				height: 40px;
				margin: 0 30px 0 40px;
				margin-left: 30px;
				background: url('../../static/icon-rebate.png') no-repeat 50%;
				background-size: contain;
			}
			.profit{
				width: 40px;
				height: 40px;
				margin: 0 30px 0 40px;
				margin-left: 30px;
				background: url('../../static/icon-profit.png') no-repeat 50%;
				background-size: contain;
			}
			.statement{
				width: 40px;
				height: 40px;
				margin: 0 30px 0 40px;
				margin-left: 30px;
				background: url('../../static/icon-statement.png') no-repeat 50%;
				background-size: contain;
			}
			.bankcard{
				width: 40px;
				height: 40px;
				margin: 0 30px 0 40px;
				margin-left: 30px;
				background: url('../../static/icon-bank-card.png') no-repeat 50%;
				background-size: contain;
			}
		}
	}
}


.tabbar{
	flex-grow: 0;
	position: fixed;
	left: 0;
	z-index: 999;
	bottom: 0;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	height: 13vmin;
	font-size: 24px;
	width: 100%;
	background-color: #fff;
	border-top-left-radius: 1.4rem;
	border-top-right-radius: 1.4rem;
	box-shadow: 0 0 1.1rem 0 rgba(0,0,0,.2);
	
	.tabbaritem{
		display: flex;
		flex-direction: column;
		justify-items: center;
		align-items: center;
		color: #9aa4c2;
		min-width: 20%;
		font-weight: 600;
		
		.text{
			margin-top: 6px;
			text-align: center;
			color: #9aa4c2;
			font-size: 24px;
			font-weight: 600;
		}
		.text1{
			margin-top: 6px;
			text-align: center;
			color: #d2b79c;
			font-size: 24px;
			font-weight: 600;
		}
		.home{
			background: url('../../static/tabbar/icon-home.png') no-repeat 50%;
			background-size: cover;
			width: 1.5rem;
			height: 1.5rem;
		}
		.home1{
			background: url('../../static/tabbar/icon-home-active.png') no-repeat 50%;
			background-size: cover;
			width: 1.5rem;
			height: 1.5rem;
		}
		.promote{
			background: url('../../static/tabbar/icon-gift.png') no-repeat 50%;
			background-size: cover;
			width: 1.5rem;
			height: 1.5rem;
		}
		.download{
			background: url('../../static/tabbar/icon-app-download.png') no-repeat 50%;
			background-size: cover;
			width: 1.5rem;
			height: 1.5rem;
		}
		.support{
			background: url('../../static/tabbar/icon-headphones.png') no-repeat 50%;
			background-size: cover;
			width: 1.5rem;
			height: 1.5rem;
		}
		.account{
			background: url('../../static/tabbar/icon-user.png') no-repeat 50%;
			background-size: cover;
			width: 1.5rem;
			height: 1.5rem;
		}
		.account1{
			background: url('../../static/tabbar/icon-user-active.png') no-repeat 50%;
			background-size: cover;
			width: 1.5rem;
			height: 1.5rem;
		}
	}
}
.modalcon{
	position: relative;
}
.modalcontitle{
	color: #562e0a;
	border-color: hsla(0,0%,84.7%,.35);
	font-size: 36px;
	text-align: center;
	border-bottom: 2px solid grey;
	padding-bottom: 30px;
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	padding-top: 10px;
}
.modalconbody{
	height: calc(100% - 100px);
	overflow-y: scroll;
	display: flex;
	flex-direction: column;
	gap: 40px;
	margin: 60px auto;
	width: fit-content;
}
.service-item{
	display: flex;
	align-items: center;
	gap: 40px;
	font-size: 36px;
}
.logos{
	height: 80px;
	width: 80px;
}
.texts{
	font-family: PingFangTC;
	color: #9c7341;
	font-size: 36px;
}
.close{
	border: 5px solid #9d7201;
	position: absolute;
	cursor: pointer;
	top: 14px;
	right: 32px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
}
.close::before{
	background: #9d7201;
	position: absolute;
	content: "";
	height: 4px;
	width: 100%;
	top: 50%;
	left: 0;
	margin-top: -2px;
	border: 4px solid transparent;
	border-radius: 100%;
	transform: rotate(45deg);
}
.close::after{
	background: #9d7201;
	position: absolute;
	content: "";
	height: 4px;
	width: 100%;
	top: 50%;
	left: 0;
	margin-top: -4px;
	border: 4px solid transparent;
	border-radius: 100%;
	transform: rotate(-45deg);
}


:global{
	.ant-modal {
		.ant-modal-content{
			height: 480px;
			padding: 30px;
			border-radius: 6px;
			box-shadow: 0 2px 6px rgba(0,0,0,.2);
		}
	}
}